<template>
  <div class="demo-container">
    <h1>最近活动组件演示</h1>
    <div class="component-container">
      <RecentActivities />
    </div>
  </div>
</template>

<script setup lang="ts">
import RecentActivities from './RecentActivities.vue';
</script>

<style scoped>
.demo-container {
  padding: 30px;
  max-width: 1200px;
  margin: 0 auto;
}

h1 {
  margin-bottom: 30px;
  color: #333;
}

.component-container {
  width: 100%;
  max-width: 600px;
}
</style> 
 